<template>
  <view class="container">
    <view class="search">
      <view class="input">
        <u-input type="number" placeholder="请输入手机号" shape="circle"></u-input>
      </view>
      <view class="btn">
        <u-button :customStyle="cusStyle" type="primary" text="查询"></u-button>
      </view>
    </view>
    <!-- 显示的积分 -->
    <view class="num">
      <text class="label">积分:</text>
      <u-count-to :endVal="value" separator=","></u-count-to>
    </view>
    
  </view>
</template>

<script>

export default {
  components: {
    
  },
  data() {
    return {
      value: 4234,
      cusStyle: {
        height: '66rpx'
			}
    };
  },
};
</script>

<style lang="scss" scoped>
.container {
  box-shadow: 0 4px 35px rgba(0, 0, 0, 0.1);
  @include flex(flex-start, column);
  padding: 20rpx;
  margin: 40rpx;
  .search {
    @include flex();
    .input {
      flex: 1;
    }
    .btn {
      margin-left: 20rpx;
      
    }
  }
  .num {
    margin-top: 21rpx;
    .label {
      display: inline-block;
      margin-right: 10rpx;
      font-size: 44rpx;
      font-weight: normal;
      color: #606266;
    }
  }
  
}
</style>